<div style="width: 800px;margin: auto;margin-top: 10%">
    <script type="text/javascript">
        <!--
        (function(){
            $('.carousel').carousel({
                interval: 2000
            });
        });
        //-->
    </script>
    <div style=" height: 400px ; width: 580px; float: left; margin-left: 0">
        <div id="myCarousel" class="carousel slide">
            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="active item">
                    <img src="{$baseurl}resources/images/logos/1.jpg" />
                </div>
                <div class="item">
                    <img src="{$baseurl}resources/images/logos/2.jpg" />
                </div>
                <div class="item">
                    <img src="{$baseurl}resources/images/logos/3.jpg">
                </div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>
    </div>

    <div class="welcome_footer">
        <hr />
        <ul class="welcome_footer_menu">
            <li class="welcome_footer_menu_items">{$this->translate('cpy')} </li>
            <li class="welcome_footer_menu_items"><a href="#" class=""> {$this->translate('home')} </a></li>
            <li class="welcome_footer_menu_items"> <a href="#" class=""> {$this->translate('terms')} </a></li>
            <li class="welcome_footer_menu_items"> <a href="#" class=""> {$this->translate('about us')}</a></li>
            <li class="welcome_footer_menu_items_right"> <a href="#" class=""> {$this->translate('support')}</a></li>
            <li class="welcome_footer_menu_items_right"> <a href="#" class=""> {$this->translate('help')}</a></li>
        </ul>
    </div>
</div>